var input = "";
var hasUrlParam = 0;
var searchJsonArray;
var searchIndex;
var onLoadId = false;
var imageSize = "";
var searchType = "search";
var direction = 0;
var login = "";

if( !window.XMLHttpRequest ) XMLHttpRequest = function()
    {
      try{ return new ActiveXObject("Msxml2.XMLHTTP.6.0") }catch(e){}
      try{ return new ActiveXObject("Msxml2.XMLHTTP.3.0") }catch(e){}
      try{ return new ActiveXObject("Msxml2.XMLHTTP") }catch(e){}
      try{ return new ActiveXObject("Microsoft.XMLHTTP") }catch(e){}
      throw new Error("Could not find an XMLHttpRequest alternative.")
    };

// Server object that will contain the callable methods
var server = {};

// Insert 'Add' and 'Delete' as the name of a callable method
InstallFunction(server, 'Add');
InstallFunction(server, 'Delete');
InstallFunction(server, 'ContactEmail')
InstallFunction(server, '_RpcMail')

function $(id){
  return document.getElementById(id);
}

function doAdd() {
	var signin = document.getElementById('greeting').innerHTML;
	var itemurl = document.getElementById('product-url').value;
	var sid = document.getElementById('item-id').value;

	if (signin.indexOf('sign in') != -1) {
		window.location="http://www.artintervention.com/favorites";
	} else {
		var itemDimensions = document.getElementById("product-attr-dimensions");
		
		if (itemDimensions.value != "") {
			var radiog = document.getElementById('radiogreeting').checked;
			var radiop = document.getElementById('radioprint').checked;
			if (radiog) { var style="greeting card"; } else { var style = "print"; }
		} else {
			var style = "";
		}
		
		addToSaved(sid);
		server.Add($('product-title').value, $('product-url').value, $('product-image').value, $('product-price').value, $('product-description').value, $('product-attr-dimensions').value, style, $('item-id').value, onAddSuccess);
	}
}

function doDelete(key) {
	fadeRow(key);
	server.Delete(key, onDeleteSuccess);
}

function fadeRow(key) {
	var id1 = key;
	var id2 = key + "1";
	//var id3 = key + "a1";
	var id4 = key + "a2";
	var id5 = key + "a3";
	var id6 = key + "a4";
	
	var td1 = document.getElementById(id1);
	var td2 = document.getElementById(id2);
	//var link1 = document.getElementById(id3);
	var link2 = document.getElementById(id4);
	var link3 = document.getElementById(id5);
	var link4 = document.getElementById(id6);
	
	td1.className = "deletedItem";
	td2.className = "deletedItem";
		
	td1.setAttribute("class","deletedItem");
	td2.setAttribute("class","deletedItem");
	
	//link1.removeAttribute("href");
	//link1.setAttribute("class","");
	link2.removeAttribute("href");
	link3.removeAttribute("href");
	link4.removeAttribute("href");
	
	//link1.removeAttribute("onClick");
	link2.removeAttribute("onClick");
	link3.removeAttribute("onClick");
	link4.removeAttribute("onClick");
}

function onAddSuccess(response) {
	showThenFade('fade');
}

function onDeleteSuccess(response) {
}

    function InstallFunction(obj, functionName) {
      obj[functionName] = function() { Request(functionName, arguments); }
    }

	function Request(function_name, opt_argv) {

	  if (!opt_argv)
	    opt_argv = new Array();

	  var callback = null;
	  var len = opt_argv.length;
	  if (len > 0 && typeof opt_argv[len-1] == 'function') {
	    callback = opt_argv[len-1];
	    opt_argv.length--;
	  }
	  var async = (callback != null);

	  var params = new Array(function_name);
	  for (var i = 0; i < opt_argv.length; i++) {
	    params.push(opt_argv[i]);
	  }
	  var body = JSON.stringify(params);

	  var req = new XMLHttpRequest();
	  req.open('POST', '/rpc', async);

	  req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	  req.setRequestHeader("Content-length", body.length);
	  req.setRequestHeader("Connection", "close");

	  if (async) {
	    req.onreadystatechange = function() {
	      if(req.readyState == 4 && req.status == 200) {
	        var response = null;
	        try {
	         response = JSON.parse(req.responseText);
	        } catch (e) {
	         response = req.responseText;
	        }
	        callback(response);
	      }
	    }
	  }

	  req.send(body);
	}

function init(page) {

	Nifty("div#greeting","small");
	
	if (page == "index") {
		imageSize = "s576";
		checkParameter();
		if (hasUrlParam == 0) { onLoadId = true; browseSnippets('featured'); }
	} else if (page == "blog") {
		imageSize = "s576";
	} else {
		imageSize = "s512";
	}
}

function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   alert("Please enter a valid email address.")
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   alert("Please enter a valid email address.")
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    alert("Please enter a valid email address.")
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    alert("Please enter a valid email address.")
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    alert("Please enter a valid email address.")
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    alert("Please enter a valid email address.")
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    alert("Please enter a valid email address.")
		    return false
		 }

 		 return true					
	}

function ValidateEmail(fieldname){
	var emailID=document.getElementById(fieldname)
	
	if ((emailID.value==null)||(emailID.value=="")){
		alert("Oops! You missed one.")
		emailID.focus()
		return false
	}
	if (echeck(emailID.value)==false){
		emailID.value=""
		emailID.focus()
		return false
	}
	return true
 }

function ValidateText(fieldname){
	var emailID=document.getElementById(fieldname)

	if ((emailID.value==null)||(emailID.value=="")){
		alert("Oops! You missed one.")
		emailID.focus()
		return false
	}
	return true
 }

function overlay(type) {
	
	xy = document.getElementById("contacttop");
	yz = document.getElementById("contactbottom");
	xy.innerHTML = "";
	yz.innerHTML = "";

	xy.innerHTML += "<p class='form'><b>Phone:</b> 1-650-265-1318<br>\
	<b>Address:</b> P.O. Box 1870, Mtn View, CA 94042<br><br>\
	<b>Email: *</b><br>";
	xy.innerHTML += "<table><tr><td>Name: </td><td><input id='name' type='text'></td></tr>\
	<tr><td>Email: </td><td><input id='email' type='text' value='you@example.com'></td></tr>\
	<tr><td colspan=3>Message:</td></tr><tr><td colspan=3><textarea id='msg' class='msg' rows='5'></textarea></td></tr>\
	<tr><td colspan=3>* All fields are required</td></tr></table>";

	yz.innerHTML += "[<a href='#' onclick=sendRpcMail(document.getElementById('name').value,document.getElementById('email').value,document.getElementById('msg').value);>send</a>]";
	yz.innerHTML += "| [<a href='#' onclick='overlay()'>close</a>]";
	
	el = document.getElementById("overlay");
	el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}

function sendRpcMail(name, email, msg) {
	if (ValidateText('name') && ValidateEmail('email') && ValidateText('msg')) {
		server.ContactEmail(name, email, msg, onMailSuccess);
	}
}

function onMailSuccess() {
	xy = document.getElementById("contacttop");
	yz = document.getElementById("contactbottom");
	xy.innerHTML = "";
	yz.innerHTML = "";

	xy.innerHTML += "<p class='form'>Thanks for your message! You'll receive a confirmation email shortly.</p>";
	yz.innerHTML += "[<a href='#' onclick='overlay()'>close</a>]";
}

function degToRad(angle) {
	return ((angle*Math.PI) / 180);
}

function ieRotate(deg,name) {
	var rad = degToRad(deg);
	
	//calculate cos and sin of the angle
	var costheta = Math.cos(rad);
	var sintheta = Math.sin(rad);

	//create object reference
	var el = document.getElementById(name);
	if(el) {
		//apply the filter
		el.style.filter = "progid:DXImageTransform.Microsoft.Matrix()";

		//set up the properties
		el.filters.item("DXImageTransform.Microsoft.Matrix").SizingMethod = "auto expand";
		el.filters.item("DXImageTransform.Microsoft.Matrix").FilterType = "bilinear";

		//apply the rotation matrix transformation
		el.filters.item("DXImageTransform.Microsoft.Matrix").M11 = costheta;
		el.filters.item("DXImageTransform.Microsoft.Matrix").M12 = -sintheta;
		el.filters.item("DXImageTransform.Microsoft.Matrix").M21 = sintheta;
		el.filters.item("DXImageTransform.Microsoft.Matrix").M22 = costheta;
	}
}

function calculateSearchIndex(json) {
	
	if (searchType == "search") {
		var entry = json.items;
		searchJsonArray = entry;
		
		if (onLoadId == true) {
			searchIndex = Math.floor(Math.random()*searchJsonArray.length);
		} else {
			searchIndex = 0;
		}
		
	} else {
		var numItems = searchJsonArray.length-1;
		if (searchIndex == 0 && direction == -1) {
			searchIndex = numItems;
		} else if (searchIndex == numItems && direction == 1) {
			searchIndex = 0;
		} else { searchIndex += direction; }
	}
}

function printZeroResults() {
	document.getElementById("description").innerHTML = "<b>" + input + "</b> doesn't match any items in the Art Intervention gallery.<div class='hr'><hr /></div> Please: <ul><li>try a different search <li>or select a new category <li>or <a onClick=javascript:overlay('contact'); href='#'>contact Sophia</a> with your question</ul>";
	document.getElementById("numresults").innerHTML = "0 of 0";
	
	document.getElementById("navleft").innerHTML = "";
	document.getElementById("navright").innerHTML = "";
	document.getElementById("bignavleft").innerHTML = "";
	document.getElementById("bignavright").innerHTML = "";
	
	var noresults = document.createElement("img");
	noresults.src = "/images/noresults.jpg";
	var frontImg = document.getElementById("frontpageTd");
	frontImg.innerHTML = "";
	frontImg.appendChild(noresults);
}

function printImage() {
	
	var img = document.createElement("img");
	img.src = searchJsonArray[searchIndex].product.images[0].link.replace("s512",imageSize);
	
//		if (searchJsonArray[searchIndex].g$product_type[0].$t.indexOf('Artwork') != -1) {
//			var filter = document.getElementById("fuzzyframe");
//			filter.style.display = "";
//			filter.innerHTML = "<img src='fuzzyframe" + fuzzy + "'>";
//		} else {
			var filter = document.getElementById("fuzzyframe");
			filter.style.display = "none";
//			filter.innerHTML = "";
//		}
	
	  var frontImg = document.getElementById("frontpageTd");
	  frontImg.innerHTML = "";
	  frontImg.appendChild(img);
}

function printItemNavigation() {
	var navleft = "<a href='#' onClick=javascript:setSearchType(-1);showSearchSnippet()>&#171;</a>";
	document.getElementById("navleft").innerHTML = navleft;
	
	var navright = "<a href='#' onClick=javascript:setSearchType(1);showSearchSnippet()>&#187;</a>";
	document.getElementById("navright").innerHTML = navright;
	
	//var bignavleft = "<a href='#' onClick=javascript:setSearchType(-1);showSearchSnippet()></a>";
	//document.getElementById("bignavleft").innerHTML = bignavleft;
	
	//var bignavright = "<a href='#' onClick=javascript:setSearchType(1);showSearchSnippet()></a>";
	//document.getElementById("bignavright").innerHTML = bignavright;
	
}

function printNumResults() {
	var currentresult = " of ";
	var printIndex = searchIndex + 1;
	var totalN = searchJsonArray.length;
	totalN = totalN.toString();
	document.getElementById("numresults").innerHTML = printIndex + currentresult + totalN;
}

function printItemDescription() {
	var linksid = searchJsonArray[searchIndex].product.images[0].link;
	var sid = searchJsonArray[searchIndex].product.link.substr(36,linksid.length);
	var price;
	
	// var categories = searchJsonArray[searchIndex].g$product_type;
	// var seemore = new Array();
	
	//for (var i=0; i<categories.length; i++) {
	//	var producttype = categories[i].$t;
	//	var breadcrumb = producttype.lastIndexOf('>');
	//	seemore[i] = producttype.substring(breadcrumb+2,producttype.length);
	//}

	if (searchJsonArray[searchIndex].product.inventories[0].price) {
		price = searchJsonArray[searchIndex].product.inventories[0].price;
	}

	printNumResults();
	
	var descbox = document.getElementById("description");
	var tosee = "";
	var todo = "";
	
	var desc;
	if (searchJsonArray[searchIndex].product) {
		
		var title = searchJsonArray[searchIndex].product.title;
		var description = searchJsonArray[searchIndex].product.description;
		description = description.replace(/'/g, "&#39;");
		
		var thumbnail = searchJsonArray[searchIndex].product.images[0].link.replace("s512","s128");
		
  		var desc = "<b><div id='product' class='product'><input id='product-image' class='product-image' type='hidden' value='" + thumbnail + "'><input class='product-shipping-first' type='hidden' value='4.95'><input class='product-shipping' type='hidden' value='1'><span class='product-title'>" + title + "</span>.</b> " + description + " <i>$<span id='bestprice' class='product-price'>" + price + "</span></i>";
		desc += "<input id='product-url' class='product-url' type='hidden' value='" + "http://www.artintervention.com/?sid=" + sid + "'>";
		desc += "<input id='product-title' type='hidden' value='" + title + "'>";
		desc += "<input id='product-description' type='hidden' value='" + description + "'>";
		desc += "<input class='product-price' id='product-price' type='hidden' value='" + price + "'>";
		desc += "<input id='item-id' type='hidden' value='" + sid + "'>";
		desc += "<input class='product-attr-number' type='hidden' value='item #" + sid + "'>";
		
  		//if 	(categories[0].$t.indexOf('Artwork') != -1) {
		
		//	desc += "<p><b>Options:</b> ";
		//	desc += "<select id='product-attr-dimensions' class='product-attr-dimensions'><option googlecart-set-product-price='5'>4x6</option><option googlecart-set-product-price='7.25'>5x7</option><option googlecart-set-product-price='16.50'>8x10</option><option googlecart-set-product-price='20'>8x12</option><option googlecart-set-product-price='19.50'>8.5x11</option><option googlecart-set-product-price='24.75'>8.5x14</option><option googlecart-set-product-price='39'>11x17</option><option googlecart-set-product-price='45'>12x18</option><option googlecart-set-product-price='51.50'>13x19</option><option googlecart-set-product-price='66.50'>16x20</option><option googlecart-set-product-price='80'>16x24</option><option googlecart-set-product-price='100'>20x24</option><option googlecart-set-product-price='125'>20x30</option></select>";
		//	desc += "<br>print <input id='radioprint' class='product-attr-type' checked name='phototype' type='radio' value='print'>, or ";
		//	desc += "greeting card <input id = 'radiogreeting' class='product-attr-type' name='phototype' type='radio' value='greeting card'>";
		//} else {
			desc += "<input id='product-attr-dimensions' type='hidden' value=''>";
			desc += "<input id='product-attr-type' type='hidden' value=''>";
			desc += "<input id='radiogreeting' type='hidden' value=''>";
			desc += "<input id='radioprint' type='hidden' value=''>";
		//}
		
		//for (var j=0; j<seemore.length; j++) {
		//	if (j == seemore.length-1) {
		//		tosee += "<li><a onClick=javascript:searchSnippets('" + seemore[j].replace(/ /g, '+') + "'); href='#'>" + seemore[j] + "</a>";
		//	} else {
		//		tosee += "<li><a onClick=javascript:searchSnippets('" + seemore[j].replace(/ /g, '+') + "'); href='#'>" + seemore[j] + "</a>";
		//	}
		//}

		todo += "<li><a onClick=javascript:bookmarkIt(" + sid + "); href='#'>" + "Bookmark" + "</a>";
		todo += "<li><a onClick=javascript:overlay('contact'); href='#'>Contact Sophia</a>";
	    todo += "<li><a onClick=javascript:doAdd(); href='#'>Mark as Favorite</a><span id='fade'>&#10003;</span>";
		
		desc += "<div class='hr'><hr /></div><table>\
		<tr><td width='100%' valign='top'><b>More to Do:</b></td></tr>\
				<tr><td>" + todo + "</td></tr></table></div>";
	}
	
	descbox.innerHTML = desc;
	tallyStats(sid);
	
}

function printFacebook(number) {
	
	var button = document.getElementById("fbbutton");
	var likeUrl = "http://www.artintervention.com/?sid=" + number;
	
	//iFrame option -- confirmed to work
	//var frameSrc = "http://www.facebook.com/plugins/like.php?href=" + likeUrl + "&layout=box_count&show_faces=false&width=55&action=like&colorscheme=light";
	//var el = document.createElement("iframe");
	//el.setAttribute("src",frameSrc);
	//el.setAttribute("scrolling","no");
	//el.setAttribute("frameborder","no");
	//el.setAttribute("scrolling","no");
	//el.setAttribute("allowTransparency","true");
	//el.setAttribute("style","border:none; overflow:hidden;");
	//button.innerHTML = "";
	//button.appendChild(el);
		
	var fb = document.createElement("fb:like");
	fb.setAttribute("href",likeUrl);
	fb.setAttribute("layout","box_count");
	fb.setAttribute("show_faces","false");
	fb.setAttribute("width","55");
	fb.setAttribute("colorscheme","dark");
	button.innerHTML = "";
	button.appendChild(fb);
    FB.XFBML.parse(button);
}

function printWelcomeText() {
	
	//var title = "home";
	//var titleDiv = document.getElementById ("numresults");
	//numresults.innerHTML = title;
	
	var welcome = "Welcome to <b>Art Intervention</b>, an online jewelry gallery featuring <a href='http://www.24-7pressrelease.com/press-release/sophia-clark-waddell-honored-for-invaluable-contributions-to-the-fine-arts-159755.php'>award-winning</a> designer Sophia Clark Waddell.";
	welcome += "<br><br>Sophia specializes in handcrafted items for individual clients. So please browse the gallery\
	for something that excites you, then <a onClick=javascript:overlay('contact'); href='#'>contact Sophia</a> for more details.";
	welcome += "<div class='hr'><hr /></div>";
	welcome += "To get started, simply:<ul><li>enter a search (like <a href=# onClick=javascript:searchSnippets('citrine')>citrine</a> or <a href=# onClick=javascript:searchSnippets('crystal')>crystal</a>)</li><li>or select a category (like <a href=# onClick=javascript:browseSnippets('earrings')>earrings</a>)</li><li>then navigate the gallery with &#171; and &#187;</li></ol>";
	
	var welcomeDiv = document.getElementById("description");
	welcomeDiv.innerHTML = welcome;
	
}

function tallyStats(number) {
	if (searchType == "search" && hasUrlParam == 0) {
		_gaq.push(["_trackPageview", "/search?sid=" + input]);
	} else if (searchType == "next") {
		_gaq.push(["_trackPageview", "/slideshow/" + number + ".html"]);
	}
}

function displayLoading() {
	var loading = document.createElement("img");
	loading.src = "/images/loading.gif";
	var frontImg = document.getElementById("frontpageTd");
	frontImg.innerHTML = "";
	frontImg.appendChild(loading);
}

function showSearchSnippet(json) {
	
	// calculate searchindex
	calculateSearchIndex(json);
	
	// check for null case
	if (searchJsonArray == null) {
		printZeroResults();
	} else {
	
	// if more than 0 results, continue
		
		if (searchJsonArray[searchIndex].product.images[0].link) {
			printImage();
			
			var linksid = searchJsonArray[searchIndex].product.images[0].link;
			var sid = searchJsonArray[searchIndex].product.link.substr(36,linksid.length);
			
			//printFacebook(sid);
		}
		
		printItemNavigation();

		// check for page load v. next and previous
		if (onLoadId == false) {
			printItemDescription();
		} else {
			printWelcomeText();
		}
	}
	
	onLoadId = false;
	searchType = "search";
	hasUrlParam = 0;
}

function setSearchType(thisway) {
	searchType = "next";
	direction = thisway;
}

function searchSnippets(search) {

	if (search == "") {return false;}

	if (onLoadId == false) {
		displayLoading();
	}

  // assign

  input = search;

  // build the query

  var query = "&q=" + search;
  var key = "AIzaSyAlzrSyAXugpIPHdR7ZqGy_xwJJgf80aec";
  var params = "&country=US&restrictBy=accountId:3062022&maxResults=250&alt=json&callback=showSearchSnippet";

  // build the Base API URL

  	var url = "https://www.googleapis.com/shopping/search/v1/public/products?key="
	var url = url + key;
  	url = url + query;
  	url = url + params;

  // Create a script element that references the snippets feed query

  var attributesElement = document.createElement("script");
  attributesElement.setAttribute("id", "attributes");
  attributesElement.setAttribute("src", url);
  attributesElement.setAttribute("type", "text/javascript");
  document.documentElement.firstChild.appendChild(attributesElement);

  return false;
}

function browseSnippets(search) {

	if (onLoadId == false) {
		displayLoading();
	}

  // assign

  input = search;

  // build the query
  var query = "&q=" + search;
  var key = "AIzaSyAlzrSyAXugpIPHdR7ZqGy_xwJJgf80aec";
  var params = "&country=US&restrictBy=accountId:3062022&maxResults=250&alt=json&callback=showSearchSnippet";

  // build the Base API URL

	var url = "https://www.googleapis.com/shopping/search/v1/public/products?key="
	var url = url + key;
	url = url + query;
	url = url + params;

  // Create a script element that references the snippets feed query

  var attributesElement = document.createElement("script");
  attributesElement.setAttribute("id", "attributes");
  attributesElement.setAttribute("src", url);
  attributesElement.setAttribute("type", "text/javascript");
  document.documentElement.firstChild.appendChild(attributesElement);

  return false;
}

function bookmarkIt (number) {

	var bookmarkURL = "http://www.artintervention.com/?sid=" + number;
	var title = "Art Intervention"
	_gaq.push(["_trackPageview", "/bookmark/" + number + ".html"]);
	
	if (window.sidebar) { // firefox
	    window.sidebar.addPanel(title, bookmarkURL, "");
	}  else if(document.all) {// ie
	    window.external.AddFavorite(bookmarkURL, title);
	} else { alert('Bookmark this URL:' +'\n' + bookmarkURL); }
	
}

function addToCart (number) {
	_gaq.push(["_trackPageview", "/cart/" + number + ".html"]);
}

function addToSaved (number) {
	_gaq.push(["_trackPageview", "/favorites/" + number + ".html"]);
}

function checkParameter() {

	var url = location.href;
	var q = url.indexOf('?sid');
	var a = url.indexOf('&');
	var h = url.indexOf('#');
	
	if (q == -1) {return;}
	
	if (q != -1) {
		hasUrlParam = 1;
		
		if (a != -1) { var s = url.substring(q+5,a); }
		else if (h != -1) { var s = url.substring(q+5,h); }
		else { var s = url.substring(q+5,url.length); }
		
		searchSnippets(s);
	}
}

function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
}

function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")";
	object.MsFilter = "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + opacity + ")";
}

function showThenFade(div) {
	var span = document.getElementById(div);
	span.style.visibility = "visible";
	setTimeout("opacity('" + div + "',100,0,250)",250);
	//opacity(div,100,0,1000);
	changeOpac(100,div);
}